<!DOCTYPE html>
<html>
	<meta charset="utf-8">
	<link rel="stylesheet" href="../../../static/css/bootstrap.min.css" />
	<link rel="stylesheet" href="../../../static/css/animate.css" />
	<link rel="stylesheet" href="../../../static/css/font-awesome.css" />
	<link rel="stylesheet" href="../../../static/css/style.css" />
	<link rel="stylesheet" href="../../../static/css/plugins/iCheck/custom.css" />
	<link rel="stylesheet" href="../../../static/css/plugins/cropper/cropper.css" />
	<link rel="stylesheet" href="../../../static/js/plugins/layer/laydate/skins/default/laydate.css" />
	<link rel="stylesheet" href="../../../static/css/gg-bootdo.css" />

	<head th:include="include::header"></head>

	<body class="gray-bg">
		<div class="wrapper wrapper-content ">
			<div class="row">
				<div class="col-sm-12">
					<div class="ibox float-e-margins">
						<div class="ibox-content">
							<form class="form-horizontal m-t" id="signupForm">
								<div class="form-group">
									<label class="col-sm-3 control-label">字段分组id：</label>
									<div class="col-sm-8">
										<input id="areaId" name="areaId" class="form-control" type="text">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">字段名称：</label>
									<div class="col-sm-8">
										<input id="name" name="name" class="form-control" type="text">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">显示名称：</label>
									<div class="col-sm-8">
										<input id="label" name="label" class="form-control" type="text">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">类型：</label>
									<div class="col-sm-8">
										<select onchange="selchange(this)" id="renderType" name="rendertype" data-placeholder="选择类别" class="form-control chosen-select" tabindex="2">
											<option value="">--请选择--</option>
											<option value="text">输入框</option>
											<option value="select">选择框</option>
											<option value="datetime">日期时间</option>
											<option value="textarea">文本框</option>
											<option value="200">弹出窗口</option>
										</select>

									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">提示信息：</label>
									<div class="col-sm-8">
										<input id="tooltip" name="tooltip" class="form-control" type="text">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">长度：</label>
									<div class="col-sm-8">
										<input id="size" name="size" class="form-control" type="text">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">默认值：</label>
									<div class="col-sm-8">
										<input id="defaultValue" name="defaultValue" class="form-control" type="text">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">是否必填：</label>
									<div class="col-sm-8">
										<label class="radio-inline"> <input type="checkbox"  id="isrequired" name="isrequired" >
					                  		是否必填
					               		</label>
					               		<label class="radio-inline"> <input type="checkbox"  id="fullLine" name="fullLine" >
					                  		是否整行
					               		</label>
									</div>

								</div>

								<div class="form-group">
									<label class="col-sm-3 control-label">：</label>
									<div class="col-sm-8">
										<input id="rows" name="rows" class="form-control" type="text">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">数据源：</label>
									<div class="col-sm-8">
										<input id="datasource" name="datasource" class="form-control" type="text">
										<input id="description" />
									</div>
								</div>
								
								<div class="form-group">
									<label class="col-sm-3 control-label">排序：</label>
									<div class="col-sm-8">
										<input id="sort" name="sort" class="form-control" type="text">
									</div>
								</div>
								
								<div class="form-group">
									<div class="col-sm-8 col-sm-offset-3">
										<button type="submit" class="btn btn-primary">提交</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../../static/js/public.js"></script>
		<script src="../../../static/js/jquery.min.js?v=2.1.4"></script>
		<script src="../../../static/js/bootstrap.min.js?v=3.3.6"></script>
		<script src="../../../static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
		<script src="../../../static/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
		<script src="../../../static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
		<script src="../../../static/js/plugins/validate/jquery.validate.min.js"></script>
		<script src="../../../static/js/plugins/validate/messages_zh.min.js"></script>
		<script src="../../../static/js/plugins/jsTree/jstree.min.js"></script>
		<script src="../../../static/js/plugins/jqTreeGrid/jquery.treegrid.min.js"></script>
		<script src="../../../static/js/plugins/jqTreeGrid/jquery.treegrid.extension.js"></script>
		<script src="../../../static/js/plugins/jqTreeGrid/jquery.treegrid.bootstrap3.js"></script>
		<script src="../../../static/js/plugins/chosen/chosen.jquery.js"></script>
		<script src="../../../static/js/plugins/layer/layer.js"></script>

		<!--summernote-->
		<script src="../../../static/js/plugins/summernote/summernote.js"></script>
		<script src="../../../static/js/plugins/summernote/summernote-zh-CN.min.js"></script>
		<script src="../../../static/js/ajax-util.js"></script>
		<script type="text/javascript" src="../../../static/js/appjs/smd/field/add.js"></script>
		<script type="text/javascript" src="../../../static/js/appjs/common/util/popwin.js" ></script>
		<script>
			function selchange(selobj){
				
				openDictPopWin("datasource","description")
			}
			
		</script>
	</body>

</html>